html,body { font-family:"Lucida Sans Unicode", "Lucida Grande", Tahoma, Geneva, sans-serif; font-size:14px; color:#333; background:#f1f1f1;}

a:link {color:#333; text-decoration:none;}
a:visited {color: #333; text-decoration:none;}
a:hover {color: #666; text-decoration:none;}
a:active {color: #333; text-decoration:none;}

img { border:0;}
a:hover img {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8;}
strong { font-weight:700;}
.cursor { cursor:pointer;}
.clear { clear:both;}

#bgpage { width:960px; background:url(../images/bg.png) repeat-y; margin:0 auto;}
#page { width:882px; min-height:500px; margin:0 auto; background:#fff; }
#header {}
#header .tel { float:left; padding-top:10px; padding-left:5px;}
#header .bar { margin-top:5px;}
#menu { width:432px; height:28px; float:right}
#menu .home a { width:99px; height:28px; background:url(../images/menu1.gif) no-repeat; display:block; float:left;}
#menu .home a:hover { width:99px; height:28px; background:url(../images/menu11.gif) no-repeat;}
#menu .product a { width:99px; height:28px; background:url(../images/menu2.gif) no-repeat; display:inline-block; float:left;}
#menu .product a:hover { width:99px; height:28px; background:url(../images/menu22.gif) no-repeat;}
#menu .aboutus a { width:131px; height:38px; background:url(../images/menu3.gif) no-repeat; display:block; float:left;}
#menu .aboutus a:hover { width:131px; height:38px; background:url(../images/menu33.gif) no-repeat;}
#menu .contact a { width:102px; height:38px; background:url(../images/menu4.gif) no-repeat; display:inline-block; float:left;}
#menu .contact a:hover { width:102px; height:38px; background:url(../images/menu44.gif) no-repeat;}

#content { padding:5px 10px 10px;}
#highlight { float:left; display:inline-block; position:relative;}
#highlight .txtbar { padding:10px; background:#000; position:absolute; top:15px; left:-5px; z-index:100; color:#fff; font-size:30px; letter-spacing:1px;}
#type { float:right; display:inline-block; background-color:#eeeded; padding:10px; height:179px;}
#type #cat { padding:5px; background:#fff;}
#type #cat select { width:200px;}
#type #brand { padding:5px; background:#fff; margin-top:10px;}

#newProduct { margin-top:10px;}
#newProduct .barnew { background:url(../images/title_newproduct.gif) no-repeat; width:861px; height:34px; position:relative;}
#newProduct .iconew { position:absolute; top:-5px; left:10px;}
#newProduct #border { border:1px solid #eee; margin-top:2px; padding:8px;}
#newProduct .product { background:url(../images/lineproduct.gif) right no-repeat; width:165px; height:218px; float:left; margin-right:8px;}
#newProduct .photo { border:1px solid #ccc; width:140px; height:140px; padding:5px;}
#newProduct h2 { width:140px; padding:5px 0;}
#newProduct p { width:140px; color:#666;}
#newProduct p label { color:#C00; font-size:16px;}

#bestseller { margin-top:20px;}
#bestseller #barbest { background:url(../images/title_bestseller.gif) no-repeat; width:155px; height:44px; margin:5px 0;}
#bestseller #border { border:1px solid #eee; margin-top:2px; padding:8px;}
#bestseller .product { background:url(../images/bgproduct.gif) no-repeat; width:167px; height:240px; float:left; margin-right:8px;}
#bestseller .photo { width:140px; height:140px; padding:10px;}
#bestseller h2 { width:140px; padding:5px 0;}
#bestseller p { width:140px; color:#666;}
#bestseller p label { color:#C00; font-size:16px;}

#product { margin-top:20px;}
#product #bar { background:url(../images/title_product.gif) no-repeat; width:148px; height:42px; margin:5px 0; float:left}
#product #border { border:1px solid #eee; margin-top:2px; padding:8px;}
#product .product { background:url(../images/bgproduct.gif) no-repeat; width:167px; height:240px; float:left; margin-right:8px;}
#product .photo { width:140px; height:140px; padding:10px;}
#product h2 { width:140px; padding:5px 0;}
#product p { width:140px; color:#666;}
#product p label { color:#C00; font-size:16px;}

#aboutus { margin-top:20px;}
#aboutus #bar { background:url(../images/title_aboutus.gif) no-repeat; width:148px; height:42px; margin:5px 0;}

#contactus { margin-top:20px;}
#contactus #bar { background:url(../images/title_contact.gif) no-repeat; width:148px; height:42px; margin:5px 0;}

#productDetail { margin-top:20px;}
#productDetail #bar { background:url(../images/title_product.gif) no-repeat; width:148px; height:42px; margin:5px 0;}
#productDetail #bar h2 { font-size:26px; margin-left:100px; padding-top:10px; width:500px;}
#productDetail h1 { font-size:32px; padding-top:10px; width:855px; color:#630}
#productDetail .photo { float:left;}
#productDetail #desc { float:left; border:2px dashed #ccc; padding:10px; width:336px; margin-top:20px;}
#productDetail #desc p { margin-bottom:10px; line-height:20px;}
#productDetail #desc p label { display:inline-block; width:80px;}
#productDetail #desc p.price { color:#C00; font-size:16px;}

.botbar { background:url(../images/footbar.gif) no-repeat; width:881px; height:35px; padding-top:15px; text-align:right; color:#C00; font-size:12px;}
